<!DOCTYPE HTML>
<html>
<!--
    author: ThinkerDev in BaoShanJie.Com
    project: 宝善街微型协作系统
    group：宝善街【技术部】
-->
<head>
    <title>任务进度查看 - By 宝善街技术部</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="description" content="Description" />
    <link rel="stylesheet" href="__CSS__bootstrap.min.css" type="text/css" />
	<script type="text/javascript" src="__JS__jquery.min.js"></script>
	<script type="text/javascript" src="__JS__bootstrap.js"></script>
    <style>
        *{font-family:"Microsoft YaHei"}
    </style>
</head>

<body>
<head>
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" style="cursor:default;">宝善街微型协作</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#" class="hidden">登陆</a></li>
                    <li><a href="{:U('index/task')}">添加任务</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</head>
<div class="container">
    <div class="page-header">
        <h1>项目进度概览 <small> Item</small></h1>
    </div>

        <table class="table table-striped">
            <thead>
            <tr>
                <th>#</th>
                <th>项目名称</th>
                <th>项目内容</th>
                <th>开始时间</th>
                <th>结束时间</th>
                <th>状态</th>
                <th>发起人</th>
	            <th>&nbsp;</th>
            </tr>
            </thead>

            <tbody>
            <foreach name="Project" item="prj" >
                <tr>
                    <td>{$prj.id}</td>
                    <td>{$prj.project_name}</td>
                    <td style="width: 350px;">{$prj.project_text}</td>
                    <td>{$prj.project_start}</td>
                    <td>{$prj.project_end}</td>
                    <if condition="($prj.project_status eq 2)"><!--标识任务状态-->
                        <td style="color: red;font-weight: bold;">项目派发中</td>
                    <else />
                        <td>请联系负责人</td>
                    </if>
	                <if condition="($prj.post_user eq null)">
		                <td><a href="javascript:;" style="color: red;font-weight: bold; text-decoration:none; outline: none;" rel="showdes" data-toggle="tooltip" title="特殊指派：未经项目下单，内部协作的工作项目！且，此项目已经有执行人！详情移步【技术部】。">特殊指派</a></td>   <!-- 项目发起人.官方指派 -->
		            <else />
		                <td>{$prj.post_user}</td>   <!-- 项目发起人.读取 -->
	                </if>
	                <td> <a data-toggle="collapse" data-parent="#accordion" href="#collapse_{$prj.id}" style="outline: none;">任务详情单</a></td>
	            <tr>
		            <td colspan="8" style="height: 0px;">
			            <div class="panel-group" id="accordion">
				            <div class="panel panel-default" style="border: none;">
<!--					            <div class="panel-heading">
						            <h4 class="panel-title">
							            <a data-toggle="collapse" data-parent="#accordion" href="#collapse_{$prj.id}">任务详情单</a>
						            </h4>
					            </div>-->
					            <div id="collapse_{$prj.id}" class="panel-collapse collapse">
						            <div class="panel-body">
							            <foreach name="prj.task" item="t" >
								            <p>任务：{$t.csa_text}</p>
								            <p>详情：{$t.csa_remark1}</p>
								            <foreach name="prj.user" item="u" >
								                <p>执行：{$u.tk_display_name}</p>
									        </foreach>
								            <style>
									            .taskroll{display: inline;}
									            .task_text{width: 200px;display: inline-block;}
									            .task_text>div{padding: 5px;}
								            </style>
								            <foreach name="prj.taskstat" item="ts" >
								                <p class="taskroll">进度：<h4 class="task_text">{$ts.task_status_display}</h4></p>
							                </foreach>
								            <p>计划结束时间：{$t.csa_plan_et}</p>
								            <hr/>
							            </foreach>
						            </div>
					            </div>
				            </div>
			            </div>
		            </td>
	            </tr>
                </tr>

				<!--<tr class="show" id="Task_{$prj.id}">&lt;!&ndash; 任务详情单 &ndash;&gt;
		            <td >
			            <table >
				            <foreach name="prj.task" item="t" >
					            <tr id="TaskID_{$t.TID}">
						            <td>{$t.csa_text}</td>
						            <td>{$t.csa_to_user}</td>
					            </tr>
				            </foreach>
			            </table>
			            </td>
		        </tr>-->
            </foreach>
        </tbody>
</div>
<script>
	$(function () { $("[rel='showdes']").tooltip(); });
</script>
</body>
</html>